/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({

/***/ 0:
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/14.
	 */
	var Button = __webpack_require__(3);
	var Input = __webpack_require__(4);
	var Checkbox = __webpack_require__(8);
	var RealName = __webpack_require__(33);
	var Pagination = __webpack_require__(21);
	var NoticeCenter = __webpack_require__(35);
	var Root = React.createClass({displayName: "Root",
	    getInitialState: function () {
	        return {
	            delIds: [],
	            realName:PageDM.realNameInfo.value,
	            pageVal: PageDM.pagination.value,
	            MessageListVal: PageDM.MessageList.value
	        }
	    },
	    componentDidMount: function(){
	        var _this = this;
	        UEventHub.emit("pageLoad","hello world!");
	        UEventHub.on(PageDM.pagination.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                pageVal: v
	            });
	        });
	        UEventHub.on(PageDM.MessageList.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                MessageListVal: v
	            })
	        });
	        //个人实名信息
	        UEventHub.on(PageDM.realNameInfo.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                realName: v
	            })
	        });
	    },
	    render: function () {
	        var _this = this;
	        var notices_data = {
	            notices: _this.state.MessageListVal,
	            notice_icon: false,
	            readAjax: PageDM.MessageList.readAjax,//点击信息展开后标记已读
	            delAjax: PageDM.MessageList.delAjax   //删除请求
	        }
	        return (
	            React.createElement("div", null, 
	                React.createElement("div", {className: "header"}, 
	                    React.createElement("div", {className: "top-bar fc-light"}, 
	                        React.createElement("div", {className: "container"}, 
	                            React.createElement("span", null, "服务热线：0816-2373017"), 
	                            React.createElement("span", null, "服务时间：工作日 9:00-18:00"), 
	                            React.createElement("span", {className: "nav-right"}, 
	                            React.createElement("a", {href: "登录.html"}, "登录"), 
	                            React.createElement("a", {href: "注册.html"}, "注册"), 
	                            React.createElement("a", {href: "../帮助中心/平台介绍.html"}, "帮助中心"), 
	                            React.createElement("a", {href: "../index.html"}, "返回绵阳商业银行")
	                        )
	                        )
	                    ), 
	                    React.createElement("div", {className: "header-nav"}, 
	                        React.createElement("div", {className: "container"}, 
	                            React.createElement("div", {className: "logo f-left"}, 
	                                React.createElement("a", {href: "../index.html"}, 
	                                    React.createElement("img", {src: "../images/logo.jpg", alt: ""})
	                                ), 
	                                React.createElement("a", {href: "../index.html"}, 
	                                    React.createElement("img", {src: "../images/logoe.jpg", alt: ""})
	                                )
	                            ), 
	                            React.createElement("div", {className: "nav f-right"}, 
	                                React.createElement("ul", {className: "clearfix"}, 
	                                    React.createElement("li", null, React.createElement("a", {href: "../index.html"}, "首页")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../我要投资.html"}, "我要投资")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../我要借款.html"}, "我要借款")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../账户中心/我的账户.html"}, "我的账户"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "clear"})
	                        ), 
	                        React.createElement("div", {className: "shadow"})
	                    )
	                ), 
	                React.createElement("div", {className: "mod-account container"}, 
	                    React.createElement("div", {className: "sub-nav", ref: "realName"}, 
	                        React.createElement(RealName, {data: _this.state.realName})
	                    ), 
	                    React.createElement("div", {className: "account padding"}, 
	                        React.createElement("div", {className: "message-center"}, 
	                            React.createElement("div", {className: "title-account"}, React.createElement("span", null, "消息中心")), 
	                            React.createElement(NoticeCenter, {data: notices_data}), 
	                            React.createElement(Pagination, {paginationDM: PageDM.pagination, pageVal: _this.state.pageVal})
	                        )
	                    ), 
	                    React.createElement("div", {className: "clear"})
	                ), 
	                React.createElement("div", {className: "footer"}, 
	                    React.createElement("div", {className: "container"}, 
	                        React.createElement("div", {className: "footer-logo f-left"}, 
	                            React.createElement("p", {className: "logo-foot"}, React.createElement("img", {src: "../images/foot-logo.png", alt: ""})), 
	                            React.createElement("p", {className: "txt"}, 
	                                "2005－2013 绵阳市商业银行股份有限公司", 
	                                React.createElement("a", {href: "http://www.miitbeian.gov.cn", target: "_blank"}, "粤ICP备11013283123号")
	                            )
	                        ), 
	                        React.createElement("div", {className: "footer-nav f-right"}, 
	                            React.createElement("div", {className: "col"}, 
	                                React.createElement("h3", null, "关于我们"), 
	                                React.createElement("ul", null, 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/平台介绍.html"}, "平台介绍")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/名词解释.html"}, "名词解释")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/联系我们.html"}, "联系我们")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/服务协议.html"}, "服务协议"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "col"}, 
	                                React.createElement("h3", null, "安全保障"), 
	                                React.createElement("ul", null, 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/安全保障.html"}, "项目安全")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/安全保障.html"}, "资金安全")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/安全保障.html"}, "信息安全")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/安全保障.html"}, "账户安全"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "col"}, 
	                                React.createElement("h3", null, "帮助中心"), 
	                                React.createElement("ul", null, 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/投资操作指引.html"}, "投资指引")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/融资操作指引.html"}, "融资指引")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "../帮助中心/平台公告.html"}, "平台公告")), 
	                                    React.createElement("li", null, React.createElement("a", {href: "javascript:;"}, "常见问题"))
	                                )
	                            ), 
	                            React.createElement("div", {className: "col col-service"}, 
	                                React.createElement("p", null, "客服专线", React.createElement("br", null), "0816-2373017"), 
	                                React.createElement("p", null, "服务时间", React.createElement("br", null), "工作日9:00 - 18:00")
	                            )
	                        ), 
	                        React.createElement("div", {className: "clear"})
	                    )
	                )
	            )
	        )
	    }
	});
	ReactDOM.render(React.createElement(Root, null), document.getElementById('main'));

/***/ },

/***/ 3:
/***/ function(module, exports) {

	var Button = React.createClass({displayName: "Button",
		config:{
	        id:""
	    },
		render: function() {
			var customClassNameArr=this.props.className?this.props.className.split(' '):'';
	        var customClassName ='ucs-btn';
	        if(customClassNameArr.length>0){
	            for(var i=0;i<customClassNameArr.length;i++){
	                customClassName=customClassNameArr[i]+' '+customClassName;
	            }
	        }
			this.props.className = customClassName;
			var id = this.props.id?this.props.id:'';
			if(this.props.href){
				return React.createElement("a", {id: id, onclick: this.props.onclick, className: this.props.className, href: this.props.href}, this.props.value)
			}else{
				return React.createElement("button", {id: id, onclick: this.props.onclick, className: this.props.className}, this.props.value)
			}
		}
	})
	module.exports = Button;

/***/ },

/***/ 4:
/***/ function(module, exports) {

	var Input =  React.createClass({displayName: "Input",
		getDefaultProps:function(){
			return {
				className:'ucs-input',
				dmbind:'',
				placeholder:"",
				onFocus:function(){},
				onBlur:function(){}
			};
		},
		render:function(){
			return React.createElement("input", {ref: "input", type: "text", className: this.props.className, dmbind: this.props.dmbind, placeholder: this.props.placeholder, onfocus: this.props.onFocus, onblur: this.props.onBlur})
		}
	})
	module.exports = Input;

/***/ },

/***/ 8:
/***/ function(module, exports) {

	var Checkbox = React.createClass({displayName: "Checkbox",
	    getDefaultProps:function(){
	        return{
	            id: "",
	            value: ""
	        }
	    },
	    handler: function (e) {
	        var _input = e.target || e.srcElement,
	            _checked = _input.checked;
	        this.props.onclick && this.props.onclick(_checked);
	    },
	    render: function () {
	        var checked = this.props.checked ? true : false;
	        var className = this.props.className;
	        var text = this.props.text ? this.props.text : '';
	        return (
	            React.createElement("label", {className: className ? "ucs-checkbox " + className : "ucs-checkbox"}, 
	                React.createElement("input", {type: "checkbox", checked: checked, id: this.props.id, value: this.props.value, className: "ucs-checkbox-input", 
	                       onclick: this.handler.bind(this)}), 
	                React.createElement("span", {className: "ucs-checkbox-text"}, text)
	            )
	        )
	    }
	});

	module.exports = Checkbox;




/***/ },

/***/ 21:
/***/ function(module, exports) {

	/**
	 * Created by Administrator on 2017/4/11.
	 */
	var Pagination = React.createClass({displayName: "Pagination",
	    render: function(){
	        var _this = this;
	        var pageVal = _this.props.pageVal;
	        var paginationDM = _this.props.paginationDM;
	        var div = document.createElement("div");
	        div.className = "pagination";
	        if(pageVal.totalPage > 1 && pageVal.totalPage <= 7){
	            for(var i = 0; i <= pageVal.totalPage+1; i++){
	                var a = document.createElement("a");
	                a.setAttribute("href","javascript:;");
	                if(i==0){
	                    a.innerHTML = "&lt;";
	                    if(pageVal.curPage > 1){
	                        a.onclick = function(){
	                            paginationDM.value.curPage = pageVal.curPage-1;
	                            paginationDM.onClick();
	                        };
	                    }else{
	                        a.className = "pagination-disabled";
	                    }
	                }else if(i == pageVal.totalPage+1){
	                    a.innerHTML = "&gt;";
	                    if(pageVal.curPage < pageVal.totalPage){
	                        a.onclick = function(){
	                            paginationDM.value.curPage = pageVal.curPage+1;
	                            paginationDM.onClick();
	                        };
	                    }else{
	                        a.className = "pagination-disabled";
	                    }
	                }else{
	                    a.innerHTML = i;
	                    (function(ii){
	                        a.onclick = function(){
	                            paginationDM.value.curPage = ii;
	                            paginationDM.onClick();
	                        };
	                    })(i);
	                    if(i == pageVal.curPage){
	                        a.className = "current";
	                    }
	                }
	                div.appendChild(a);
	            }
	        }else if(pageVal.totalPage > 7){
	            var dotIndex = 0;
	            if(pageVal.curPage<=5 || (pageVal.totalPage - pageVal.curPage) <= 4 ){
	                if((pageVal.curPage - 1) < (pageVal.totalPage - pageVal.curPage)){
	                    dotIndex = 6;
	                }else{
	                    dotIndex = 2;
	                }
	            }
	            for(var i = 0; i < 9; i++){
	                var a = document.createElement("a");
	                a.setAttribute("href","javascript:;");
	                if(i==0){
	                    a.innerHTML = "&lt;";
	                    if(pageVal.curPage > 1){
	                        a.onclick = function(){
	                            paginationDM.value.curPage = pageVal.curPage-1;
	                            paginationDM.onClick();
	                        };
	                    }else{
	                        a.className = "pagination-disabled";
	                    }
	                }else if(i == 8){
	                    a.innerHTML = "&gt;";
	                    if(pageVal.curPage < pageVal.totalPage){
	                        a.onclick = function(){
	                            paginationDM.value.curPage = pageVal.curPage+1;
	                            paginationDM.onClick();
	                        };
	                    }else{
	                        a.className = "pagination-disabled";
	                    }
	                }else{
	                    if(dotIndex == 0){
	                        if(i == 2 || i == 6){
	                            if(i == 2){
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.curPage-3;
	                                    paginationDM.onClick();
	                                };
	                                a.className = "jump-prev";
	                                a.setAttribute("title","Previous 3 Pages");
	                            }else if(i == 6){
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.curPage+3;
	                                    paginationDM.onClick();
	                                };
	                                a.className = "jump-next";
	                                a.setAttribute("title","Next 3 Pages");
	                            }
	                        }else{
	                            if(i == 1){
	                                a.innerHTML = 1;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = 1;
	                                    paginationDM.onClick();
	                                };
	                            }else if(i == 7){
	                                a.innerHTML = pageVal.totalPage;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.totalPage;
	                                    paginationDM.onClick();
	                                };
	                            }else if(i == 3){
	                                a.innerHTML = pageVal.curPage-1;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.curPage-1;
	                                    paginationDM.onClick();
	                                };
	                            }else if(i == 4){
	                                a.innerHTML = pageVal.curPage;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.curPage;
	                                    paginationDM.onClick();
	                                };
	                                a.className = "current";
	                            }else if(i == 5){
	                                a.innerHTML = pageVal.curPage+1;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.curPage+1;
	                                    paginationDM.onClick();
	                                };
	                            }
	                        }
	                    }else if(dotIndex == 2){
	                        if(i == dotIndex){
	                            a.onclick = function(){
	                                paginationDM.value.curPage = pageVal.curPage-3;
	                                paginationDM.onClick();
	                            };
	                            a.className = "jump-prev";
	                            a.setAttribute("title","Previous 3 Pages");
	                        }else{
	                            if(i == 1){
	                                a.innerHTML = 1;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = 1;
	                                    paginationDM.onClick();
	                                };
	                            }else{
	                                a.innerHTML = (pageVal.totalPage-(7-i));
	                                (function(i){
	                                    a.onclick = function(){
	                                        paginationDM.value.curPage = pageVal.totalPage-(7-i);
	                                        paginationDM.onClick();
	                                    };
	                                })(i);
	                            }
	                        }
	                        if((pageVal.totalPage-(7-i)) == pageVal.curPage){
	                            a.className = "current";
	                        }
	                    }else if(dotIndex == 6){
	                        if(i == dotIndex){
	                            a.onclick = function(){
	                                paginationDM.value.curPage = pageVal.curPage+3;
	                                paginationDM.onClick();
	                            };
	                            a.className = "jump-next";
	                            a.setAttribute("title","Next 3 Pages");
	                        }else{
	                            if(i == 7){
	                                a.innerHTML = pageVal.totalPage;
	                                a.onclick = function(){
	                                    paginationDM.value.curPage = pageVal.totalPage;
	                                    paginationDM.onClick();
	                                };
	                            }else{
	                                a.innerHTML = i;
	                                (function(i){
	                                    a.onclick = function(){
	                                        paginationDM.value.curPage = i;
	                                        paginationDM.onClick();
	                                    };
	                                })(i);
	                            }
	                        }
	                        if(i == pageVal.curPage){
	                            a.className = "current";
	                        }
	                    }
	                }
	                div.appendChild(a);
	            }
	        }
	        return (
	            React.createElement("div", null, 
	                div
	            )
	        )
	    }
	});

	module.exports = Pagination;

/***/ },

/***/ 33:
/***/ function(module, exports, __webpack_require__) {

	/*
	 * Created by Administrator on 2017/3/31.
	 */

	var Tooltip = __webpack_require__(34);
	var RealName = React.createClass({displayName: "RealName",
	    getDefaultProps: function() {
	        return{
	            data:{
	                AccType:0,
	                Mobile:"",  //手机
	                IsBindMobile:"",//是否绑定手机
	                BindMobileUrl:"",//绑定手机链接
	                IsBindIDCard:"",//是否验证身份
	                BindIDCardUrl:"",//验证身份链接
	                IsBindBankCard:"",//是否绑卡
	                BindBankCardUrl:"",//绑卡链接
	                Current:"InvestAccount",  //当前选中菜单
	                InvestAccountUrl:"",//账户总览链接
	                InvestListUrl:"",//投资记录链接
	                MyBankCardUrl:"",//我的银行卡链接
	                InvestInfoUrl:"",//投资个人信息
	                InvestMessageUrl:"",//投资消息中心
	                FinanceAccountUrl:"",//账户总览链接
	                FinanceListUrl:"",//融资记录链接
	                FinanceAccountInfoUrl:"",//融资账号信息
	                FinanceMessageUrl:""//融资消息中心
	            }
	        }
	    },
	    componentDidMount:function(){

	    },
	    render: function () {
	        return (
	            React.createElement("div", null, 
	                React.createElement("div", {className: "info", ref: "realName"}, 
	                        React.createElement("div", {className: "face"}, React.createElement("img", {src: "../images/account/face.jpg", alt: ""}), this.props.data.Mobile), 
	                    this.props.data.AccType ? "" :React.createElement("div", {className: "bind"}, 
	                        React.createElement(Tooltip, {title: this.props.data.IsBindMobile ? "已绑定手机" : "未绑定手机"}, React.createElement("i", {className: "iconfont icon-phone1 tooltip "+ (this.props.data.IsBindMobile ? "ok" : "")}), React.createElement("a", {href: this.props.data.BindMobileUrl})), 
	                        React.createElement(Tooltip, {title: this.props.data.IsBindIDCard ? "已绑定身份证" : "未绑定身份证"}, React.createElement("i", {className: "iconfont icon-idcard2 tooltip "+ (this.props.data.IsBindIDCard ? "ok" : "")}), React.createElement("a", {href: this.props.data.BindIDCardUrl})), 
	                        React.createElement(Tooltip, {title: this.props.data.IsBindBankCard ? "已绑定银行卡" : "未绑定银行卡", className: "iconfont icon-bankcard tooltip "+ (this.props.data.IsBindBankCard ? "ok" : "")}, React.createElement("a", {href: this.props.data.BindBankCardUrl}))
	                    )
	                    
	                ), 
	                React.createElement("div", {className: "nav"}, 
	                    this.props.data.AccType ? React.createElement("ul", null, 
	                            React.createElement("li", null, React.createElement("a", {href: this.props.data.FinanceAccountUrl, className: this.props.data.Current == "FinanceAccount" ? "current": ""}, " ", React.createElement("i", {className: "icon-loan iconfont"}), "账户总览")), 
	                            React.createElement("li", null, React.createElement("a", {href: this.props.data.FinanceListUrl, className: this.props.data.Current == "FinanceList" ? "current": ""}, React.createElement("i", {className: "icon-card iconfont"}), "融资记录")), 
	                            React.createElement("li", null, React.createElement("a", {href: this.props.data.FinanceAccountInfoUrl, className: this.props.data.Current == "FinanceAccountInfo" ? "current": ""}, React.createElement("i", {className: "icon-personal iconfont"}), "账号信息")), 
	                            React.createElement("li", null, React.createElement("a", {href: this.props.data.FinanceMessageUrl, className: this.props.data.Current == "FinanceMessage" ? "current": ""}, React.createElement("i", {className: "icon-news iconfont"}), "消息中心", React.createElement("b", null))), " ")
	                          : React.createElement("ul", null, React.createElement("li", null, React.createElement("a", {href: this.props.data.InvestAccountUrl, className: this.props.data.Current == "InvestAccount" ? "current": ""}, " ", React.createElement("i", {className: "icon-loan iconfont"}), " 账户总览")), 
	                        React.createElement("li", null, React.createElement("a", {href: this.props.data.InvestListUrl, className: this.props.data.Current == "InvestList" ? "current": ""}, " ", React.createElement("i", {className: "icon-record iconfont"}), "投资记录")), 
	                        React.createElement("li", null, React.createElement("a", {href: this.props.data.MyBankCardUrl, className: this.props.data.Current == "MyBankCard" ? "current": ""}, " ", React.createElement("i", {className: "icon-card iconfont"}), "我的银行卡")), 
	                        React.createElement("li", null, React.createElement("a", {href: this.props.data.InvestInfoUrl, className: this.props.data.Current == "InvestInfo" ? "current": ""}, " ", React.createElement("i", {className: "icon-personal iconfont"}), "个人信息")), 
	                        React.createElement("li", null, React.createElement("a", {href: this.props.data.InvestMessageUrl, className: this.props.data.Current == "InvestMessage" ? "current": ""}, " ", React.createElement("i", {className: "icon-news iconfont"}), "消息中心", React.createElement("b", null)))
	                    )
	                ), 
	                React.createElement("div", {className: "qrcode"}, 
	                    React.createElement("p", {className: "ss"}, "扫一扫，立马赚钱", React.createElement("b", {className: "bg-icon"})), 
	                    React.createElement("img", {src: "../images/qrcode.jpg", alt: ""})
	                )
	            )
	        )
	    }
	})

	module.exports = RealName;

/***/ },

/***/ 34:
/***/ function(module, exports) {

	/**
	 *
	 * @constructs
	 */
	var Tooltip = React.createClass({displayName: "Tooltip",
	    _addEventListener:function(obj,ev,fn){
			obj.addEventListener ? obj.addEventListener(ev,fn,false) : obj.attachEvent("on" + ev,fn)
	    },
	    _removeEventListener: function (obj, ev, fn) {
	        obj.removeEventListener ? obj.removeEventListener(ev, fn, false) : obj.detachEvent("on" + ev, fn)
	    },
		getDefaultProps: function() {
			return {
				container: document.body,
				position: 'top',
				fixed: true,
				space: 5
			}
		},
		componentDidMount: function() {
			this.container = this.props.container || document.body;
			this.componentEl = this.refs.tooltipbox;
			this.tooltipEl = document.createElement('div');

			var tooltipArrowEl = document.createElement('div');
			tooltipArrowEl.className = 'ucs-tooltip-arrow';

			var tooltipContentEl = document.createElement('div');
			tooltipContentEl.className = 'ucs-tooltip-inner';
			tooltipContentEl.innerHTML = this.props.title;

			this.tooltipEl.appendChild(tooltipArrowEl);
			this.tooltipEl.appendChild(tooltipContentEl);
			this.tooltipEl.className = 'ucs-tooltip ' + this.props.position;
			this.container.appendChild(this.tooltipEl);
			this.resetTooltip();
			var _componentEl =  this.componentEl;
			this._addEventListener(_componentEl, this.props.fixed ? 'mouseenter' : 'mousemove', this.handleMouseMove.bind(this));
			this._addEventListener(_componentEl, 'mouseleave', this.handleMouseOut.bind(this));
		},

		resetTooltip: function() {
			this.tooltipEl.style.left = '-500px';
			this.tooltipEl.style.top = '-500px';
			this.tooltipEl.style.visibility = "hidden";
		},

		handleMouseMove: function(e) {
			if(!this.props.title) {
				return;
			}

			var tooltipPosition = this.getTooltipPosition(e);
			var tooltipOffset = this.getTooltipOffset();

			this.tooltipEl.style.left = tooltipPosition.x + tooltipOffset.x + 'px';
			this.tooltipEl.style.top = tooltipPosition.y + tooltipOffset.y + 'px';
			this.tooltipEl.style.visibility = "visible";
		},

		handleMouseOut: function() {
			this.resetTooltip();
		},
		//定位到标签的位置
		getTooltipPosition: function(e) {
			var pointX;
			var pointY;
			var bodyRect = document.body.getBoundingClientRect();
			var containerRect = this.container.getBoundingClientRect();
			var containerOffsetX = containerRect.left - bodyRect.left;
			var containerOffsetY = containerRect.top - bodyRect.top;
			if(this.props.fixed) {
				var componentRect = this.componentEl.getBoundingClientRect();
				var componentOffsetX = componentRect.left - containerOffsetX;
				var componentOffsetY = componentRect.top - containerOffsetY;
				var componentWidth = this.componentEl.offsetWidth;
				var componentHeight = this.componentEl.offsetHeight;
				var cOffsetX = 0;
				var cOffsetY = 0;
				switch(this.props.position) {
					case 'top':
						cOffsetX = componentWidth / 2;
						cOffsetY = 0;
						break;
					case 'right':
						cOffsetX = componentWidth;
						cOffsetY = componentHeight / 2;
						break;
					case 'bottom':
						cOffsetX = componentWidth / 2;
						cOffsetY = componentHeight;
						break;
					case 'left':
						cOffsetX = 0;
						cOffsetY = componentHeight / 2;
						break;
				}
				pointX = componentOffsetX + cOffsetX + (window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0);
				pointY = componentOffsetY + cOffsetY + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0);
			} else {
				var clientX = e.clientX;
				var clientY = e.clientY;
				pointX = clientX - containerOffsetX + (window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0);
				pointY = clientY - containerOffsetY + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0);
			}
			return {
				x: pointX,
				y: pointY
			};
		},
		//获取偏移量
		getTooltipOffset: function() {
			var tooltipW = this.tooltipEl.offsetWidth;
			var tooltipH = this.tooltipEl.offsetHeight;
			var offsetX = 0;
			var offsetY = 0;
			switch(this.props.position) {
				case 'top':
					offsetX = -(tooltipW / 2);
					offsetY = -(tooltipH + Number(this.props.space));
					break;
				case 'right':
					offsetX = Number(this.props.space);
					offsetY = -(tooltipH / 2);
					break;
				case 'bottom':
					offsetX = -(tooltipW / 2);
					offsetY = Number(this.props.space);
					break;
				case 'left':
					offsetX = -(tooltipW + Number(this.props.space));
					offsetY = -(tooltipH / 2);
					break;
			}
			return {
				x: offsetX,
				y: offsetY
			};
		},
		render: function() {
			return (
			    React.createElement("div", {ref: "tooltipbox", className: this.props.className?("ucs-tooltip-wrap "+this.props.className):"ucs-tooltip-wrap"}, this.props.children)
	        )
		}
	});

	module.exports = Tooltip;

/***/ },

/***/ 35:
/***/ function(module, exports) {

	/**
	 * Created by Administrator on 2017/4/24.
	 */
	function hasClass(elem, cls) {
	    elem = elem || {};
	    return new RegExp("\\b" + cls + "\\b").test(elem.className);
	};
	//添加样式
	function addClass(elem, cls) {
	    elem = elem || {};
	    hasClass(elem, cls) || (elem.className += " " + cls);
	    elem.className = elem.className.replace(/^\s|\s$/g, "").replace(/\s+/g, " ");
	    return this;
	};
	//删除样式
	function removeClass(elem, cls) {
	    elem = elem || {};
	    if (hasClass(elem, cls)) {
	        elem.className = elem.className.replace(new RegExp("(\\s|^)" + cls + "(\\s|$)"), "");
	    }
	    return this;
	};
	var NoticeCenter = React.createClass({displayName: "NoticeCenter",
	    getDefaultProps:function(){
	        return{
	            data: {
	                notices: [],
	                notice_icon: false
	            }
	        }
	    },
	    getInitialState: function () {
	        return {
	            delIds: []
	        }
	    },
	    selectAllHandler: function(v,e){
	        var source = e.target || e.srcElement;
	        var allIds = [];
	        v.map(function(message,index){
	            allIds.push(message.MessageId);
	        });
	        if(source.checked){
	            for(var i = 0; i < this.refs['messageList'].getElementsByTagName('input').length; i++){
	                this.refs['messageList'].getElementsByTagName('input')[i].checked = true;
	            }
	            this.state.delIds = allIds;
	        }else{
	            for(var i = 0; i < this.refs['messageList'].getElementsByTagName('input').length; i++){
	                this.refs['messageList'].getElementsByTagName('input')[i].checked = false;
	            }
	            this.state.delIds = [];
	        }
	    },
	    selectHandler: function(messId,e){
	        var source = e.target || e.srcElement;
	        var isAllSelect = true;
	        if(source.checked){
	            if(this.state.delIds.indexOf(messId)== -1){
	                this.state.delIds.push(messId);
	            }
	        }else{
	            if(this.state.delIds.indexOf(messId)!= -1){
	                this.state.delIds.splice(this.state.delIds.indexOf(messId),1);
	            }
	        }
	        for(var i = 0; i < this.refs['messageList'].getElementsByTagName('input').length; i++){
	            if(this.refs['messageList'].getElementsByTagName('input')[i].checked == false){
	                isAllSelect = false
	            }
	        }
	        if(isAllSelect){
	            this.refs['selectAll'].getElementsByTagName('input')[0].checked = true;
	        }else{
	            this.refs['selectAll'].getElementsByTagName('input')[0].checked = false;
	        }
	    },
	    deleteHandler: function(){
	        this.props.data.delAjax(this.state.delIds);
	    },
	    showOrHideHandler: function(isLooked,messageId,e){
	        var source = e.target || e.srcElement;
	        if(hasClass(source.parentNode.parentNode,"down")){
	            removeClass(source.parentNode.parentNode,"down");
	        }else{
	            addClass(source.parentNode.parentNode,"down");
	        }
	        if(isLooked==0){
	            this.props.data.readAjax(messageId);
	        }
	    },
	    render:function(){
	        var _this = this;
	        var notices = _this.props.data.notices;
	        var notice_icon = _this.props.data.notice_icon;
	        return(
	            React.createElement("div", null, 
	                React.createElement("div", {ref: "selectAll"}, 
	                    
	                        notices.length > 0 ? (React.createElement("div", {className: "head"}, 
	                            React.createElement("input", {type: "checkbox", checked: false, onclick: _this.selectAllHandler.bind(_this,notices)}), " 全部", 
	                            React.createElement("a", {href: "javascript:void(0);", className: "fc-main", onclick: _this.deleteHandler.bind(_this)}, "删除")
	                        )):""
	                    
	                ), 
	                React.createElement("div", {ref: "messageList"}, 
	                    
	                        notices.length > 0 ? (notices.map(function(massage,index){
	                            return (
	                                React.createElement("div", {className: "list"}, 
	                                    React.createElement("div", {className: "t"}, 
	                                        React.createElement("input", {value: massage.MessageId, type: "checkbox", checked: false, onclick: _this.selectHandler.bind(_this,massage.MessageId)}), 
	                                        notice_icon?(massage.IsLooked == 0?(React.createElement("i", {className: "iconfont icon-meg2"})):(React.createElement("i", {className: "iconfont icon-meg2 unread unread"}))):"", massage.Title, 
	                                        React.createElement("span", {className: "message-time"}, massage.SendDate), 
	                                        React.createElement("a", {onclick: _this.showOrHideHandler.bind(_this,massage.IsLooked,massage.MessageId), href: "javascript:;", className: "showhide bg-icon"})
	                                    ), 
	                                    React.createElement("div", {className: "content"}, massage.Content)
	                                )
	                            );
	                        })):(React.createElement("div", {className: "nodata"}, 
	                            React.createElement("i", {className: "bg-4"}), "您暂时没有相关消息"
	                        ))
	                    
	                )
	            )
	        )
	    }
	});
	module.exports = NoticeCenter;

/***/ }

/******/ });